// 用户管理页面
$(function() {
    // 页面一刷新，请求渲染用户数据
    $.ajax({
        type: 'get',
        url: '/user/queryUser',
        data: {
            page: 1,
            pageSize: 10,
        },
        success: function(res) {
            if (res) {
                var html = template('tem-user', res);
                $('.table').html(html);
            }
        }
    })

    // 点击禁用按钮，操作用户状态
    // 1、点击禁用按钮，获取当前id和isDelete的状态
    // 2、发送请求，操作数据库
    // 3、成功之后，重新渲染页面  按钮颜色也在模板里渲染
    $('.table').on('click', '#edit-btn', function() {
        var id = $(this).attr('data-id');
        // bug: 获取到的属性值是字符串类型
        var isDelete = $(this).attr('data-isDelete');
        $.ajax({
            type: 'post',
            url: '/user/updateUser',
            data: {
                id: id,
                isDelete: isDelete == 1 ? 0 : 1,
            },
            success: function(res) {
                if (res.success) {
                    $.ajax({
                        type: 'get',
                        url: '/user/queryUser',
                        data: {
                            page: 1,
                            pageSize: 10,
                        },
                        success: function(res) {
                            console.log(res);

                            if (res) {
                                var html = template('tem-user', res);
                                $('.table').html(html);
                            }
                        }
                    })
                }
            }
        })
    });
})